<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	
	<link rel="stylesheet" type="text/css" href="style/memberTop.css"/>
	<link rel="stylesheet" type="text/css" href="style/order.css"/>
	<link rel="stylesheet" type="text/css" href="style/foot.css"/>
	<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script class="resources library" src="js/area.js" type="text/javascript"></script>
	<script src="js/order.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!----------------顶部区域开始------------------>
<div id="topBox">
	<div id="top">
		<div class="logo">
			<img src="images/logo_e.png" alt="" />
		</div>
		<p>
			<span>Hi~[</span>
			<a href="" class="member">请登录</a>
			<span>] [</span>
			<a href="" class="member">免费注册</a>
			<span>]</span>
			<a href="" class="mar">MY有货</a>
			<a href="" class="mar">订单中心</a>
			<a href="" class="mar">帮助中心</a>
			<span class="tel"><img src="images/phone.png" alt="" />400-889-9646</span>
		</p>
	</div>
</div>	
<!----------------顶部区域结束------------------>	



<!----------------购物进度区域开始------------------>
<div id="carPace">
	<!--左侧图标-->
	<p class="left"></p>

	<!--右侧进度条-->
	<ul>
		<li >查看购物车</li>
		<li class="act">&nbsp;&nbsp;填写订单</li>
		<li class="last">付款，完成购买</li>
	</ul>
</div>	
<!----------------购物进度区域结束------------------>

<!----------------核对信息区域开始------------------>
<div id="authOrder">
	<div class="title">
		<p>请填写并核对以下信息</p>
		<a href=""></a>
	</div>
	<!--收货地址-->
	<div class="address">
		<p class="text">收货地址：<a href="">[不保存并关闭]</a></p>
		<ul>
			<li class="userAddress checked addressEvent">
				<div class="left">
					<input type="radio" value="" checked id="address1" name="address"/>
					<label for="address1">
						<span> <strong>张成龙</strong>　北京市北京市朝阳区后盾 18609801136</span>
						<a class="auto" href="">设为默认地址</a>
					</label>
				</div>
				<div class="change">
					  <a class="edit"  href="">[修改]</a>
					  <a class="del" href="">[删除]</a>
				</div>
			</li>
			<li class="userAddress addressEvent">
				<div class="left">
					<input type="radio" value="" id="address2" name="address"/>
					<label for="address2">
						<span> <strong>张成龙</strong>　北京市北京市朝阳区后盾 18609801136</span>
						<a class="auto" href="">设为默认地址</a>
					</label>
				</div>
				<div class="change">
					  <a class="edit"  href="">[修改]</a>
					  <a class="del" href="">[删除]</a>
				</div>
			</li>
			<li class="addAddress addressEvent">
				<input class="add" type="radio" id="newAddress" value="" name="address"/>
				<label for="newAddress">使用新地址</label>
				<form action="" method="post" id="newAddressForm">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td class="td1"><span>*</span>收货人姓名：</td>
							<td class="td2"><input type="text" name="takerName" id="takerName" />
								<span class="warning">请填写您的真实姓名，最多5个汉字</span>
							</td>
						</tr>
						
						<tr>
							<td class="td1"><span>*</span> 省市： </td>
							<td class="select selectT">
								<select id="s_province" name="s_province"></select>
								<select id="s_city" name="s_city" ></select>
								<select id="s_county" name="s_county"></select>
								<input type="text" id="userWrite"/>
								<span class="warning">标'*'的为支持加急送的地区，请输入收货的详细地址</span>
							</td>
						</tr>
						
						<tr>
							<td class="td1"><span>*</span>手机号码：</td>
							<td class="td2">
								<input type="text" name="tekerPhone"/>
								<span class="warning">填写正确手机号便于接收发货和收货通知</span>
							</td>
						</tr>
						
						<tr>
							<td class="td1">电子邮件：</td>
							<td class="td2">
								<input type="text" />
								<span class="warning">用来接收订单提醒邮件，便于您及时了解订单状态</span>
							</td>
						</tr>
						<tr class="">
							<td class="td1">邮编：</td>
							<td class="td2">
								<input type="text" />
								<span class="warning">请填写准确的邮编，以确保商品尽快送达</span>
							</td>
						</tr>
					</table>
					<input type="submit" class="submit" value="保存并送到这个地址"/>
				</form>
			</li>
		</ul>
	</div>
	
	<!--支付方式-->
	<div class="pay">
		<p class="text">支付及送货时间：<a href="">[修改]</a></p>
		<div class="content">
			<p>付款方式：<span class="payWay">在线支付</span> </p>
			<p>送货时间：<span class="giveTime">工作日、双休日和节假日均送货</span></p>
			<p>送货前联系我：否</p>
		</div>
		<div class="change">
			<div class="payWay">
				<p class="changeT">支付方式：</p>
				<p>
					<input name="pay" type="radio" id="zfb"/>
					<label for="zfb">在线支付（推荐）</label>
				</p>
				<p>
					<input name="pay"  type="radio" id="hdfk"/>
					<label for="hdfk">付款方式：货到付款</label>
					<span>注：订单中有限量商品、预售商品、化妆品或者订单金额超过10000元不可以选择货到付款。</span>
				</p>
			</div>
			<div class="giveTime">
				<p class="changeT">送货时间：</p>
				<p>
					<input type="radio" name="givetime" id="gzrs" value="" />
					<label for="gzrs">只工作日送货（双休日、节假日不送）</label>
				</p>
				<p>
					<input type="radio" name="givetime" id="jsh" value="" />
					<label for="jsh">工作日、双休日和节假日均送货</label>
				</p>
				<p><input type="radio" name="givetime" id="zsxs" value="" />
					<label for="zsxs">只双休日、节假日送货（工作时间不送货）</label>
				</p>
				<span>声明：我们会努力按照您指定的时间配送，但因为天气、交通等各类因素影响，您的订单有可能会有延误现象，敬请谅解！</span>
			</div>
			<p class="sure">确定</p>
		</div>
	</div>
	
	<div class="express">
		<p class="text">选择快递：</p>
		<p>
			<input type="radio" name="givetime" id="ptkd" value="" />
			<label for="ptkd">普通快递：　运费 ￥0.00</label>
		</p>
		<p>
			<input type="radio" name="givetime" id="sfsh" value="" />
			<label for="sfsh">顺丰速运：　运费 ￥5.00　(仅支持顺丰可配送的地区)</label>
		</p>
		<span class="warning">注：配送会由于天气，交通等不可抗拒的客观因素造成您收货时间延迟，请您知悉。</span>
	</div>
</div>	
<!----------------核对信息区域结束------------------>	
	

<!----------------购物车内容区域开始------------------>
<div id="carBody">
	<table class="carHead" border="0" cellspacing="0" cellpadding="0">
		<tr class="tr tr1">
			<th class="th1">商品信息</th>
			<th class="th2">单价（元）</th>
			<th class="th3">返YOHO币</th>
			<th class="th4">数量</th>
			<th class="th5">小计（元）</th>
		</tr>
		<tr class="tr goods">
			<td class="th1">
				<img src="images/car/1.jpg" alt="" />
				<a href="">EVISU 立体双小M牛仔夹克外套</a>
				<span>颜色：黑色 尺码：XL</span>
			</td>
			<td class="th2">
				<span>￥2,689.00 </span>
			</td>
			<td class="th3">
				0
			</td>
			<td class="th4">
				<a href="">-</a>
				<input type="text" name="" id="" value="1"/>
				<a href=""> +</a>
				<!--<p>余量有限</p>-->
			</td>
			<td class="th5">
				￥2,689.00 
			</td>
		</tr>
		
		<!--第二件商品-->
		<tr class="tr goods">
			<td class="th1">
y				<img src="images/car/1.jpg" alt="" />
				<a href="">EVISU 立体双小M牛仔夹克外套</a>
				<span>颜色：黑色 尺码：XL</span>
			</td>
			<td class="th2">
				<span>￥2,689.00 </span>
			</td>
			<td class="th3">
				0
			</td>
			<td class="th4">
				<a href="">-</a>
				<input type="text" name="" id="" value="1"/>
				<a href=""> +</a>
				<!--<p>余量有限</p>-->
			</td>
			<td class="th5">
				￥2,689.00 
			</td>
		</tr>
	</table>
	<!--第二件商品结束-->
</div>

<!----------------购物车内容区域结束------------------>	

<!----------------结算区域开始------------------>	
<div id="result">
	<p>您需要实际支付金额：<span>￥2,689.00</span>元</p>
	<form action="" method="post">
		<input type="hidden" name="" value="" />
		<input type="hidden" name="" value="" />
		<input type="submit" class="sub" value="去付款"/>
	</form>
	
</div>	
	
	
<!---------------底部区域开始------------>	
<include file="__VIEW__/common/foot.html" />
<!---------------底部区域结束------------>	




</body>
</html>
